<div class="loadingBox hide">
   <div class="loadingBox__content"><img src="/static/img/images/loading.png" class="loadingBox__img"></div>
</div>
<style>
/* loading s */
.loadingBox{
  position:fixed;
  width:100%;
  height:100%;min-height:100%;
  top:0;
  left:0;
  background-color:rgba(20,20,20,.7);z-index:999999;
}
.loadingBox__content{
  width:80px;
  height:80px;
  position:absolute;
  top:40%;
  left:50%;
  margin-left:15px;
  margin-top:15px;
}
.loadingBox__img{
  width:100%;
}
/* loading e */
</style>
<script>
 $(function(){
	 $('.loadingBox').css({
		 'height':$(window).height()
	 });
 });
</script>